<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <meta content="email=no" name="format-detection">
  <meta content="webkit" name="renderer">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="stylesheet" type="text/css" href="css/cj.css">
  <link rel="stylesheet" type="text/css" href="css/index.css"/>

  <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="js/jQueryRotate.js"></script>
  <script type="text/javascript" src="js/ty.js" ></script>
<!--  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>-->
<!--  <script src="js/jquery-2.0.min.js.js"></script>-->
  <script src='js/cj.js'></script>
  <title>免费抽奖</title>
  <script>
  function htRem() {
      var ww = document.documentElement.clientWidth;
      if (ww > 540 ){
          ww = 540
      }
      document.documentElement.style.fontSize=ww/5.40+"px"
      }
      htRem();
      window.onresize=function () {
          htRem();
      }
  </script>
</head>
	<body style="height: 100%; background: #71CDE2;position: relative;">
		<div class="top">
			<img src="img/tu.png" / style="background-size: cover;">
		</div>
		<div class="g-content">
  <div class="g-lottery-case">
    <div class="g-left">
      <h2>您还有<span id="playnum">3</span>次抽奖机会</h2>
      <div class="g-lottery-box">
        <div class="g-lottery-img">
        </div>
        <a class="playbtn" id="cj" href="javascript:;" rel="external nofollow" rel="external nofollow" title="开始抽奖"></a>
      </div>
    </div>
  </div>
</div>
		<div class="anniu"  >
			<!--<input type="button" value="sdfasd" onclick="openmyjpf()" >asdfa</input>-->
			<a id="openmyjp" href="javascript:openmyjpf();"><img src="img/anniu.png" style="background-size:cover ;" /></a>
		</div>
		<!--全部奖品-->
		<div class="qbjp">
			<p>全部奖品</p>
			<span>收纳包1000个</span>
			<span>收纳包1元购券</span>
			<span>纪念卡1000个</span>
			<span>宠印会员</span>
		</div>
		<!--获奖名单-->
		<div class="hjmd panel">
			<p>获奖名单</p>
			<div class="bt">
				<div>获奖时间</div>
					<div style="margin-left: 0.5rem;">用户手机号</div>
					<div style="margin-left: 0.5rem;">奖品</div>
			</div>



		<div class="mdgd activity"   id="J_Activity">
			<ul  id="J_Activityli">
				<li>user1 获得了7折优惠券</li>
                <li>user2 获得了8折优惠券</li>
                <li>user3 获得了7折优惠券</li>
                <li>user4 获得了5折优惠券</li>
                <li>user5 获得了4折优惠券</li>
			</ul>
		</div>

		</div>
		<!--活动规则-->
		<div class="hdgz">
			<p style="font-size:0.3rem;text-align: left;font-weight:700;color: #FEFEFC;margin-bottom: 0.2rem;">活动规则 </p>
			<p>1、拥有宠印账号的朋友可以参与本次抽奖活动，抽奖时所验证手机号即为宠印登录账号；</p>
			<p>2、实物奖品仅支持在IDO24现场周边摊位领取，先到先得，送完为止（实物奖品有限，抽中并不代表一定可以领到奖品，还请见谅）</p>
			<p>3、宠印会员奖品自动发送至宠印账户并自动开通会员，多次宠印会员奖品将会累加充值。</p>
			<p>4、本活动最终解释权在法律允许范围内归宠印科技所有。</p>
		</div>
		<!--了解宠印-->
		<div class="ljcy">
			<a href="http://www.urmer.com/" style="color: #FCD70D;">了解宠印是什么？>></a>
		</div>
		<div class="kong" style="height: 60px; width: 100%;"></div>
		<!--验证手机-->
		<div class="yzsj">
			<p>验证手机号码开始抽奖</p>
			<div class="yz" id="yz">开始验证</div>
		</div>
    <!--奖品弹框-->
    <div id="jptk1" class="jptk" style="display: none;">
    	<div class="jptk-nr">
    	    <div class="zjimg">
    	    	<img src="img/zjl.png" style="background-size: cover;"/>
    	    </div>
    			<div class="jp">
    				<div class="tc" id="tc1">
    					<div class="tcimg1"></div>
    				</div>
    					<p>奖 品 : 宠 印 收 纳 包 × 1</p>
    			    <div class="jptp">
    			    	<img src="img/snd2.png"  style="background-size: cover;"/>
    			    </div>
    			</div>
    	</div>
    </div>
     <div id="jptk2" class="jptk" style="display: none;">
    	<div class="jptk-nr">
    	    <div class="zjimg">
    	    	<img src="img/zjl.png" style="background-size: cover;"/>
    	    </div>
    			<div class="jp">
    				<div class="tc" id="tc2">
    					<div class="tcimg1"></div>
    				</div>
    					<p>奖 品 : 收纳包1元购券</p>
    			    <div class="jptp">
    			    	<img src="img/yyg2.png"  style="background-size: cover;"/>
    			    </div>
    			</div>
    	</div>
    </div>
     <div id="jptk3" class="jptk" style="display: none;">
    	<div class="jptk-nr">
    	    <div class="zjimg">
    	    	<img src="img/zjl.png" style="background-size: cover;"/>
    	    </div>
    			<div class="jp">
    				<div class="tc" id="tc3">
    					<div class="tcimg1"></div>
    				</div>
    					<p>奖 品 : 纪念卡</p>
    			    <div class="jptp">
    			    	<img src="img/jnk2.png"   style="background-size: cover;"/>
    			    </div>
    			</div>
    	</div>
    </div>
     <div id="jptk4" class="jptk" style="display: none;">
    	<div class="jptk-nr">
    	    <div class="zjimg">
    	    	<img src="img/zjl.png" style="background-size: cover;"/>
    	    </div>
    			<div class="jp">
    				<div class="tc" id="tc4">
    					<div class="tcimg1"></div>
    				</div>
    					<p>奖 品 : 宠印会员<span id="spanys"></span></p>
    			    <div class="jptp">
    			    	<img src="img/vip2.png"  style="background-size: cover;"/>
    			    </div>
    			</div>
    	</div>
    </div>
    <!--验证弹框-->
       <div id="yztk">
    	<div class="yztk-nr">
    			<div class="yz">
    				<div class="tc" id="x" >
    					<div  class="tcimg"></div>
    				</div>
    					<p>抽奖或查看奖品需验证手机号</p>
    			    <div class="sjyz">
    			    	<input id="sjh" type="text" placeholder="输入手机号"/>
    			    	<div class="yzm-box">
    			    	<input id="yzm" type="text" placeholder="输入短信验证码" />
    			    	<input type="button" class="hqyzm" id="hqyzm" value="获取验证码" onclick="sendemail()"  style="border: none;"/>
    			    	</div>
    			    	<div class="wcyz" id="wcyz">完成验证</div>
    			    </div>
    			</div>
    	</div>
    </div>

    <!--活动未开始-->
     <div id="hdtk" style="display: none;">
     	<!--<div class="hdtk-top">
     		<div class="fh">く</div>
     	</div>-->
    	<div class="hdtk-nr">
    			<div  class="hd">
    				<div class="hd-top">
    					<div class="hd-top-nr">
    						<p class="mfcj">免费抽奖</p>
    						<p class="hldnl">好礼等你来</p>
    					</div>
    				</div>
    				<div id ="strbegin"></div>
    			</div>
    	</div>
    </div>


	</body>
</html>
